<!doctype html>
<html>
<head>
	<meta charset="utf-8" />
	<title>Evidence příjmů a výdajů</title>

	<link rel="stylesheet" type="text/css" href="../static/css/main.css" />

	<script type="text/javascript" src="../static/js/main.js"></script>
</head>

<body>

	<div class="container">
		<div class="body">
			<h1>Evidence příjmů a výdajů</h1>

			<div class="nav">
				<ul>
					<li>Správa účetních položek</li>
					<li><a href="subjects.html">Správa subjektů</a></li>
				</ul>
			</div>
		</div>
	</div>

	<div class="container">
		<div class="body">
			<p id="old-browser" class="message warning hidden">Používáte zastaralý internetový prohlížeč, a některé funkce této aplikace mohou proto být nepřístupné. Aktualizujte prosím svůj internetový prohlížeč.</p>

			<div class="box" id="filter">
				<form action="" method="get" id="frm-filter">
					<div>
						<label for="frm-filter-subject">Subjekt</label>
						<select id="frm-filter-subject" name="subject">
							<option value="">Vše</option>
							<option value="1">Eshop, a.s.</option>
							<option value="2">Klient 1</option>
							<option value="3">Klient 2</option>
						</select>
					</div>

					<div>
						<label for="frm-filter-from">Od</label>
						<input type="date" id="frm-filter-from" name="from" />
					</div>

					<div>
						<label for="frm-filter-to">Do</label>
						<input type="date" id="frm-filter-to" name="to" />
					</div>

					<div>
						<a href="#" id="frm-filter-clear">Smazat hodnoty</a>
						<input type="submit" name="send" value="Filtrovat" />
					</div>
				</form>
			</div>

			<div id="flashes"></div>

			<form action="#" method="post">
				<table>
					<thead>
						<tr>
							<th class="w10">Datum</th>
							<th class="w15">ID</th>
							<th class="w15">Subjekt</th>
							<th class="w30">Účel platby</th>
							<th class="w13 num">Částka</th>
							<th class="w7 icons"></th>
						</tr>
					</thead>
					<tbody>
						<tr id="row-add">
							<td colspan="6" class="center add">
								<a href="#" id="btn-add" class="full">Přidat položku</a>
							</td>
						</tr>
						<tr id="frm-add" class="hidden">
							<td>
								<input type="date" id="frm-add-date" name="date[new]" value="2013-05-15" required />
							</td>
							<td>
								<input type="text" id="frm-add-id" name="id[new]" required />
							</td>
							<td>
								<select id="frm-add-subject" name="subject[new]" required>
									<option value="1">Eshop, a.s.</option>
									<option value="2">Klient 1</option>
									<option value="3">Klient 2</option>
								</select>
							</td>
							<td>
								<input type="text" id="frm-add-description" name="description[new]" />
							</td>
							<td class="num">
								<input type="number" id="frm-add-amount" name="amount[new]" required />
							</td>
							<td class="icons center">
								<input type="image" name="send[new]" class="icon icon-add" title="Uložit" />
							</td>
						</tr>
						<tr class="item" id="item-1" data-id="1">
							<td>11.4.2013</td>
							<td>PRI-2013-002</td>
							<td><a href="#">Klient 1</a></td>
							<td>Reklamní služby</td>
							<td class="num">8,000.00</td>
							<td class="icons center">
								<a href="#" class="icon icon-edit" title="Upravit"></a>
								<a href="#" class="icon icon-del confirm" data-confirm="Opravdu chcete smazat tento záznam?" title="Smazat"></a>
							</td>
						</tr>
						<tr class="hidden frm-edit" id="frm-edit-1" data-id="1">
							<td>
								<input type="date" id="frm-add-date" name="date[1]" value="2013-04-11" required />
							</td>
							<td>
								<input type="text" id="frm-add-id" name="id[1]" value="PRI-2013-002" required />
							</td>
							<td>
								<select id="frm-add-subject" name="subject[1]" required>
									<option value="1">Eshop, a.s.</option>
									<option value="2" selected>Klient 1</option>
									<option value="3">Klient 2</option>
								</select>
							</td>
							<td>
								<input type="text" id="frm-add-description" name="description[1]" value="Reklamní služby" />
							</td>
							<td class="num">
								<input type="number" id="frm-add-amount" name="amount[1]" value="8000" required />
							</td>
							<td class="icons center">
								<input type="image" name="send[1]" class="icon icon-add" title="Uložit" />
								<a href="#" class="icon icon-cancel" title="Storno"></a>
							</td>
						</tr>
						<tr class="item" id="item-2" data-id="2">
							<td>12.2:2013</td>
							<td>VYD-2013-001</td>
							<td><a href="#">Eshop, a.s.</a></td>
							<td>Macbook Air</td>
							<td class="num minus">&minus;25,000.00</td>
							<td class="icons center">
								<a href="#" class="icon icon-edit" title="Upravit"></a>
								<a href="#" class="icon icon-del confirm" data-confirm="Opravdu chcete smazat tento záznam?" title="Smazat"></a>
							</td>
						</tr>
						<tr class="hidden frm-edit" id="frm-edit-2" data-id="2">
							<td>
								<input type="date" id="frm-add-date" name="date[2]" value="2013-02-12" required />
							</td>
							<td>
								<input type="text" id="frm-add-id" name="id[2]" value="VYD-2013-001" required />
							</td>
							<td>
								<select id="frm-add-subject" name="subject[2]" required>
									<option value="1" selected>Eshop, a.s.</option>
									<option value="2">Klient 1</option>
									<option value="3">Klient 2</option>
								</select>
							</td>
							<td>
								<input type="text" id="frm-add-description" name="description[2]" value="Macbook Air" />
							</td>
							<td class="num">
								<input type="number" id="frm-add-amount" name="amount[2]" value="-25000" required />
							</td>
							<td class="icons center">
								<input type="image" name="send[2]" class="icon icon-add" title="Uložit" />
								<a href="#" class="icon icon-cancel" title="Storno"></a>
							</td>
						</tr>
						<tr class="item" id="item-3" data-id="3">
							<td>8.1.2013</td>
							<td>PRI-2013-001</td>
							<td><a href="#">Klient 2</a></td>
							<td>Design logotypu</td>
							<td class="num">25,000.00</td>
							<td class="icons center">
								<a href="#" class="icon icon-edit" title="Upravit"></a>
								<a href="#" class="icon icon-del confirm" data-confirm="Opravdu chcete smazat tento záznam?" title="Smazat"></a>
							</td>
						</tr>
						<tr class="hidden frm-edit" id="frm-edit-3" data-id="3">
							<td>
								<input type="date" id="frm-add-date" name="date[3]" value="2013-01-08" required />
							</td>
							<td>
								<input type="text" id="frm-add-id" name="id[3]" value="PRI-2013-001" required />
							</td>
							<td>
								<select id="frm-add-subject" name="subject[3]" required>
									<option value="1">Eshop, a.s.</option>
									<option value="2">Klient 1</option>
									<option value="3" selected>Klient 2</option>
								</select>
							</td>
							<td>
								<input type="text" id="frm-add-description" name="description[3]" value="Design logotypu" />
							</td>
							<td class="num">
								<input type="number" id="frm-add-amount" name="amount[3]" value="25000" required />
							</td>
							<td class="icons center">
								<input type="image" name="send[3]" class="icon icon-add" title="Uložit" />
								<a href="#" class="icon icon-cancel" title="Storno"></a>
							</td>
						</tr>
						<tr>
							<td colspan="4">Příjmy celkem</td>
							<td class="num">33,000.00</td>
							<td class="icons"></td>
						</tr>
						<tr>
							<td colspan="4">Výdaje celkem</td>
							<td class="num minus">&minus;25,000.00</td>
							<td class="icons"></td>
						</tr>
						<tr>
							<td class="b" colspan="4">SOUČET</td>
							<td class="num">8,000.00</td>
							<td class="icons"></td>
						</tr>
					</tbody>
				</table>
			</form>

			<div class="box right">
				<div class="btn-group">
					<a class="btn" href="#" id="btn-print">Tisknout</a><!--
					--><a class="btn" href="#">Exportovat</a>
				</div>
			</div>
		</div>
	</div>

</body>
</html>
